<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
  /**
  BODY去掉默认的PADDING
  */
  body {
    margin：0；padding:0;
    font-size:12px
  }
  /**
  INPUT组的样式
  */
  .el-input-group__append {
    background:#fff;
    border-left: none;
  }
  .input-with-select .el-input-group__prepend {
    background-color: #fff;
  }
  /**
    DIV的滚动条样式
    */
  .tfscrollbarstyle:hover {
    overflow-y: auto;
    overflow-x:auto;
  }
  .tfscrollbarstyle {
    overflow-y: hidden;
    overflow-x:hidden;
  }
  .tfscrollbarstyle::-webkit-scrollbar-track
  {
    background-color: #F5F5F5;
    border-radius: 10px;
  }

  .tfscrollbarstyle::-webkit-scrollbar
  {
    width: 6px;
    background-color: #F5F5F5;
  }

  .tfscrollbarstyle::-webkit-scrollbar-thumb
  {
   background-color:#dddddd;
    border-radius: 10px;
  }

  /**
  BODY的滚动条样式
  */
  body::-webkit-scrollbar-track
  {
    background-color: #F5F5F5;
    border-radius: 10px;
  }

  body::-webkit-scrollbar
  {
    width: 6px;
    background-color: #F5F5F5;
  }

  body::-webkit-scrollbar-thumb
  {
    background-color:#dddddd;
    border-radius: 10px;
  }
  /**
  dialog全局样式
   */
  .el-dialog__header {
    background: #eeeeee;
  }
  .el-dialog__title {
    font-weight: bold;
  }
  /**
  INPUT数据框全局样式
   */
  .el-input-number__decrease, .el-input-number__increase {
    background-color:#ffffff;
  }

  /**
  图标变为可点的样式
   */
  .pointcss {
    cursor: pointer
  }
  /**
  TREE 选中后变蓝色
   */
  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #409eff;
  }

  /**
  背景浅蓝
   */
  .easyblue {
    background-color:#287FC3
  }
  /**
 背景深蓝
  */
  .deepblue {
    background-color:#1070BC
  }

  /**
背景浅黑
 */
  .easyblack {
    background-color:#545c64
  }
  /**
 背景深黑
  */
  .deepblack {
    background-color:#2d3a4b
  }
  /**
背景浅红
*/
  .easyred {
    background-color:#DA5854
  }
  /**
 背景深红
  */
  .deepred {
    background-color:#D64541
  }
  /**
  pdfdialog动画
   */
  .pdfdialog-enter-active,.pdfdialog-leave-active{
    transition: 0.5s all ease;
  }
  .pdfdialog-enter-active{
    opacity: 1;
  }
  .pdfdialog-leave-active{
    opacity: 0;
  }
  .pdfdialog-enter,.pdfdialog-leave{
    opacity: 0;

  }
  .inputClass {
    width: 110px
  }
  .inputTimeClass {
    width: 130px
  }
</style>
